import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter } from 'react-router-dom'
// 一个一劳永逸的方法就是将 BrowserRouter路由器包裹在最外面的一层
import './index.css'
import App from './App'
// reportWebVitals.js里面是用于记录页面的性能的
import reportWebVitals from './reportWebVitals'

ReactDOM.render(
	// React.StrictMode 包裹一下之后 会帮我们分析APP里面的所有组件是否有写的不合理的地方  如还使用字符串形式的ref等等
	// 最外层包裹路由器
	<BrowserRouter>
		<React.StrictMode>
			<App />
		</React.StrictMode>
	</BrowserRouter>,
	document.getElementById('root')
)

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals()
